<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>我的世界 | 游戏专栏</title>
  <link rel="stylesheet" href="../css/global.css" />
  <link rel="stylesheet" href="../css/games.css" />
  <style>
    /* 我的世界专属样式 - 像素方块风格 */
    body {
      background-color: #3b6b35;
      color: #ffffff;
      background-image: linear-gradient(to bottom, #2b5b25 0%, #3b6b35 100%);
      font-family: 'Arial', sans-serif;
    }

    .site-header h1 {
      color: #ffcc00;
      text-shadow: 2px 2px 0 #6b3f00, -2px -2px 0 #6b3f00;
      border-bottom: 4px solid #ffcc00;
      font-family: 'Minecraft', 'Arial', sans-serif;
    }

    .site-nav a {
      color: #aaddaa;
    }

    .site-nav a:hover {
      color: #ffcc00;
      text-shadow: 0 0 5px rgba(255, 204, 0, 0.5);
    }

    h2,
    h3 {
      color: #ffcc00;
      border-left: 4px solid #ffcc00;
      padding-left: 10px;
      text-shadow: 1px 1px 0 #6b3f00;
      font-family: 'Minecraft', 'Arial', sans-serif;
    }

    .content {
      background-color: #4b7b45;
      padding: 25px;
      border-radius: 8px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
      border: 4px solid #5a8b54;
    }

    blockquote {
      background-color: #3b6b35;
      border-left: 4px solid #ffcc00;
      color: #aaddaa;
      font-family: 'Minecraft', 'Arial', sans-serif;
    }

    .btn {
      background-color: #5a8b54;
      color: #ffcc00;
      border: 2px solid #ffcc00;
      padding: 10px 20px;
      border-radius: 4px;
      transition: all 0.3s;
      font-family: 'Minecraft', 'Arial', sans-serif;
      text-shadow: 1px 1px 0 #6b3f00;
    }

    .btn:hover {
      background-color: #ffcc00;
      color: #3b6b35;
      transform: translateY(-2px);
    }

    ul li {
      margin-bottom: 10px;
      padding-left: 5px;
      border-left: 2px solid #5a8b54;
    }

    ul li::marker {
      color: #ffcc00;
      content: "■ ";
    }

    .meta {
      background-color: #3b6b35;
      padding: 10px;
      border-radius: 4px;
      border-left: 3px solid #ffcc00;
      color: #aaddaa;
      font-family: 'Minecraft', 'Arial', sans-serif;
    }

    p,
    li {
      color: #ffffff;
      line-height: 1.6;
    }

    img {
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    }
  </style>
</head>

<body>
  <header class="site-header">
    <h1>我的世界</h1>
    <nav class="site-nav">
      <a href="../index.html">首页</a>
      <a href="../html/game-research/index.html">游戏研究</a>
      <a href="index.html">游戏专栏</a>
    </nav>
  </header>
  <main class="content">
    <div class="detail-header">
      <div class="meta">英文名：Minecraft ｜ 年份：2011 ｜ 类型：沙盒/生存 ｜ 平台：全平台 ｜ 开发商：Mojang Studios</div>
    </div>
    <img src="../images/minecraft.jpg" alt="我的世界"
      style="width:100%;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.3);margin:15px 0;" />
    <article>
      <h2>概述</h2>
      <p>《我的世界》是一款由Mojang Studios开发的沙盒游戏，玩家可以在一个由方块组成的3D世界中探索、采集资源、制作工具和建筑。游戏没有固定的目标，玩家可以自由选择如何游玩 -
        可以专注于建造宏伟的建筑，可以探索随机生成的世界，可以与怪物战斗，也可以深入研究游戏中的红石电路系统。游戏以其无限的创造可能性和高度的自由度成为有史以来最畅销的游戏之一。</p>

      <h3>版本与更新</h3>
      <ul>
        <li>2009年5月：首个公开版本发布</li>
        <li>2011年11月：正式版1.0发布</li>
        <li>2012年3月：携带版（移动版）发布</li>
        <li>2014年9月：微软以25亿美元收购Mojang</li>
        <li>2016年12月："探索更新"增加探险和战斗内容</li>
        <li>2018年7月："水域更新"彻底改革海洋生物群系</li>
        <li>2019年12月："蜜蜂更新"添加蜜蜂和相关机制</li>
        <li>2020年6月："下界更新"彻底改革下界维度</li>
        <li>2021年6月："洞穴与山崖更新"第一部分</li>
        <li>2021年11月："洞穴与山崖更新"第二部分</li>
        <li>2022年6月："荒野更新"添加深暗之域和青蛙</li>
      </ul>

      <h3>推荐理由（要点）</h3>
      <ul>
        <li>机制/系统：无限的创造和建造可能性；深度的生存和探索机制；红石系统提供复杂的逻辑和自动化功能。</li>
        <li>内容/规模：几乎无限的游戏内容和重玩价值；庞大的模组和自定义内容社区；教育版用于教学和学习。</li>
        <li>口碑/影响：有史以来最畅销的游戏，销量超过2.38亿份；被多家媒体评为史上最伟大的游戏之一；成为文化现象和教育工具。</li>
      </ul>

      <h3>适合人群</h3>
      <p>创造力和想象力丰富的玩家；喜欢沙盒和自由游戏的玩家；建筑和设计爱好者；喜欢探索和冒险的玩家；所有年龄段的玩家。</p>
    </article>
  </main>
  <footer class="container">
    <a class="btn" href="index.html">← 返回游戏专栏</a>
  </footer>
</body>

</html>
